<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这个例子演示了如何使用百分比值设置元素的高度。</title>
    <style>
        html {height: 100%;}
        body {height: 100%;}
        img.normal {height: auto;}
        img.big {height: 50%;}
        img.small {height: 10%;}
    </style>
</head>
<body>
<img class="normal" src="./image/logocss.gif" width="95" height="84"/><br>
<img class="big" src="./image/logocss.gif" width="95" height="84"/><br>
<img class="samll" src="./image/logocss.gif" width="95" height="84"/>
</body>
</html>